<!DOCTYPE HTML>
<html>
	<head>
	    <meta name="viewport" content="width=device-width, initial-scale=1"> 
	    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
	    
	    <title>威尔OA</title>
		
		<link href="../js/jquery-mobile-1.1.1.min/jquery.mobile-1.1.1.min.css" rel="stylesheet" type="text/css" />	
		<link href="../css/css.css" rel="stylesheet" type="text/css" />	
		
		<script type="text/javascript" src="../js/jquery-1.7.2.min/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="../js/jquery-mobile-1.1.1.min/jquery.mobile-1.1.1.min.js"></script>    
	    <script type="text/javascript" src="../js/cordova-2.0.0.js"></script>
	    
	
		<script type="text/javascript">
			document.addEventListener("deviceready",onDeviceReady, false);
			
			//初始化
			//
			function onDeviceReady() {

			    
			}
			
			//关闭
			//
			function closeApp() {
    			window.MainActivity.closeApp();
			}
		</script>
	</head>
	<body>
		<!------------------------------- 登录 --------------------------------->
		<div id="index" data-role="page" style="background-image:url('../images/bg.png');">
			<div data-role="header" data-theme="b" data-position="fixed">
				<h1>登录WellOA</h1>
			</div>
			<div data-role="content">
				<div data-role="fieldcontain">
		  			<label for="name">用户名：</label>
		  			<input class="ui-input-text ui-corner-all ui-shadow-inset ui-body-c" name="name" id="name" value="" type="text">
				</div>
				<div data-role="fieldcontain">
		  			<label for="textarea">密码：</label>
		  			<input class="ui-input-text ui-corner-all ui-shadow-inset ui-body-c" name="name" id="name" value="" type="password">
				</div>
			</div>
			<div data-role="footer" data-position="fixed">
				<div data-role="navbar" data-iconpos="top">
                	<ul>
                    	<li>
                            <a href="#function" id="btn-setting" data-transition="slide" data-theme="b" data-icon="custom">登录</a>
                        </li>
                        <li>
                            <a href="#" onclick="closeApp();" data-theme="b" data-icon="start">退出</a>
                        </li>
                    </ul>
                </div>
			</div>
		</div>
		<!------------------------------- 登录 --------------------------------->
		
		<!------------------------------- 功能选择 --------------------------------->
		<div id="function" data-role="page" style="background-image:url('../images/bg.png');">
			<div data-role="header" data-theme="b" data-position="fixed">
				<h1>功能选择</h1>
			</div>
			<div data-role="content">
				<div class="ui-grid-c">
					<a href="#inbox" data-transition="slide">
						<div class="ui-block-a">
							<img src="../images/f1.png" width="80%" />
							<p style="color: white">影像采集</p>
						</div>
					</a>
					<div class="ui-block-b">
						<img src="../images/f2.png" width="80%" />
						<p style="color: white">保险理赔</p>
					</div>
					<div class="ui-block-c">
						<img src="../images/f3.png" width="80%" />
						<p style="color: white">电子表格</p>
					</div>
					<div class="ui-block-d">
						<img src="../images/f4.png" width="80%" />
						<p style="color: white">快速咨询</p>
					</div>
				</div>
				<div class="ui-grid-c">
					<a href="#collect" data-transition="slide">
						<div class="ui-block-a">
							<img src="../images/f1.png" width="80%" />
							<p style="color: white">影像采集</p>
						</div>
					</a>
					<div class="ui-block-b">
						<img src="../images/f2.png" width="80%" />
						<p style="color: white">保险理赔</p>
					</div>
					<div class="ui-block-c">
						<img src="../images/f3.png" width="80%" />
						<p style="color: white">电子表格</p>
					</div>
					<div class="ui-block-d">
						<img src="../images/f4.png" width="80%" />
						<p style="color: white">快速咨询</p>
					</div>
				</div>
				<div class="ui-grid-c">
					<a href="#collect" data-transition="slide">
						<div class="ui-block-a">
							<img src="../images/f1.png" width="80%" />
							<p style="color: white">影像采集</p>
						</div>
					</a>
					<div class="ui-block-b">
						<img src="../images/f2.png" width="80%" />
						<p style="color: white">保险理赔</p>
					</div>
					<div class="ui-block-c">
						<img src="../images/f3.png" width="80%" />
						<p style="color: white">电子表格</p>
					</div>
					<div class="ui-block-d">
						<img src="../images/f4.png" width="80%" />
						<p style="color: white">快速咨询</p>
					</div>
				</div>
			</div>
			<div data-role="footer" data-position="fixed">
				<div data-role="navbar" data-iconpos="top">
                	<ul>
                    	<li>
                            <a href="#" id="btn-setting" data-transition="slide" data-theme="b" data-icon="custom">设置</a>
                        </li>
                        <li>
                            <a href="#" id="btn-help" data-transition="slide" data-theme="b" data-icon="custom">帮助</a>
                        </li>
                        <li>
                            <a href="#" onclick="closeApp();" data-theme="b" data-icon="start">退出</a>
                        </li>
                    </ul>
                </div>
			</div>
   		</div>	 
   		<!------------------------------- 功能选择 ---------------------------------> 	
   		
   		<!------------------------------- 收件箱 --------------------------------->
		<div id="inbox" data-role="page" style="background-image:url('../images/bg.png');">
			<div data-role="header" data-theme="b" data-position="fixed">
				<h1>我的收件箱</h1>
			</div>
			<div data-role="content">
				<ul data-role="listview">
				  <li>
				    <a href="#detail">
				      <img class="ui-li-thumb" src="../images/chat.png" alt="3D_Effects" />
				      <span>等发达发爽大法师大法......</span>
				    </a>
				  </li>
				  <li>
				    <a href="#detail">
				      <img class="ui-li-thumb" src="../images/chat.png" alt="Connectivity" />
				      <span>Connectivity</span>
				    </a>
				  </li>
				  <li>
				    <a href="#detail">
				      <img class="ui-li-thumb" src="../images/chat.png" alt="Device_Access" />
				      <span>Device_Access</span>
				    </a>
				  </li>
				  <li>
				    <a href="#detail">
				      <img class="ui-li-thumb" src="../images/chat.png" alt="Multimedia" />
				      <span>Multimedia</span>
				    </a>
				  </li>
				  <li>
				    <a href="#detail">
				      <img class="ui-li-thumb" src="../images/chat.png" alt="Offline_Storage" />
				      <span>Offline_Storage</span>
				    </a>
				  </li>
				  <li>
				    <a href="#detail">
				      <img class="ui-li-thumb" src="../images/chat.png" alt="Performance" />
				      <span>Performance</span>
				    </a>
				  </li>
				  <li>
				    <a href="#detail">
				      <img class="ui-li-thumb" src="../images/chat.png" alt="Semantics" />
				      <span>Semantics</span>
				    </a>
				  </li>
				  <li>
				    <a href="#detail">
				      <img class="ui-li-thumb" src="../images/chat.png" alt="Styling" />
				      <span>Styling</span>
				    </a>
				  </li>
				</ul>
			</div>
			<div data-role="footer" data-position="fixed">
				<div data-role="navbar" data-iconpos="top">
                	<ul>
                    	<li>
                            <a href="#index" id="btn-setting" data-transition="slide" data-theme="b" data-icon="custom">登录</a>
                        </li>
                        <li>
                            <a href="#" onclick="closeApp();" data-theme="b" data-icon="start">退出</a>
                        </li>
                    </ul>
                </div>
			</div>
		</div>
		<!------------------------------- 收件箱 --------------------------------->
		
		<!------------------------------- 详细信息 --------------------------------->
		<div id="detail" data-role="page" style="background-image:url('../images/bg.png');">
			<div data-role="header" data-theme="b" data-position="fixed">
				<h1>撒旦发撒旦发生大幅</h1>
			</div>
			<div data-role="content">
				
			</div>
			<div data-role="footer" data-position="fixed">
				<div data-role="navbar" data-iconpos="top">
                	<ul>
                    	<li>
                            <a href="#index" id="btn-setting" data-transition="slide" data-theme="b" data-icon="custom">登录</a>
                        </li>
                        <li>
                            <a href="#" onclick="closeApp();" data-theme="b" data-icon="start">退出</a>
                        </li>
                    </ul>
                </div>
			</div>
		</div>
		<!------------------------------- 详细信息 --------------------------------->
	</body>
</html>